<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%--
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
--%>

    <%@ include file="/jsp/common/formValidate.jspf" %>

<!DOCTYPE html>

<html lang="zh-cn">
<head>
    <title>注册</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="author" content="陈芳杰（baayso@qq.com）"/>

    <link rel="stylesheet" href="${ pageContext.request.contextPath }/jsp/lib/quick.css"/>
    <link rel="stylesheet" href="${ pageContext.request.contextPath }/jsp/css/public.css"/>
    <link rel="stylesheet" href="${ pageContext.request.contextPath }/jsp/css/login.css"/>
    <script type="text/javascript" src="${ pageContext.request.contextPath }/jsp/lib/jquery.maskedinput.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){
            $("#registerForm").css("margin-top","-100px");
            $("#loginName").focus();
        });

        jQuery(function($) {
            $("#birthday").mask("9999-99-99", {placeholder:"_"});
            $("#telephone").mask("+86 999 9999 9999", {placeholder:"_"});
        });
    </script>

</head>
<body>
<div>
    <div class="loginDiv">
        <form id="registerForm" name="registerForm" class="form form-aligned" method="post" action="${ pageContext.request.contextPath }/jsp/user/UserServlet?logged=false&method=ADD">
            <fieldset>
                <legend class="textBold">用户注册</legend>
                <div class="control">
                    <label><span style="color: red;">*</span>&nbsp;用户名：</label>
                    <input type="text" id="loginName" name="loginName" placeholder="用户名"/>
                </div>
                <div class="control">
                    <label><span style="color: red;">*</span>&nbsp;用户密码：</label>
                    <input type="password" id="password" name="password" placeholder="用户密码"/>
                </div>
                <div class="control">
                    <label><span style="color: red;">*</span>&nbsp;确认密码：</label>
                    <input type="password" id="rePassword" name="rePassword" placeholder="确认密码"/>
                </div>
                <div class="control">
                    <label>用户性别：</label>
                    <select name="gender" >
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                </div>
                <div class="control">
                    <label>出生日期：</label>
                    <input type="text" id="birthday" name="birthday" placeholder="出生日期"/>
                </div>
                <div class="control">
                     <label>电话号码：</label>
                     <input type="text" id="telephone" name="telephone" placeholder="电话号码"/>
                </div>
                <div class="control">
                   <label>用户地址：</label>
                   <textarea name="address" style="vertical-align: top;" rows="2" class="x1-large" placeholder="用户地址"></textarea>
                </div>
                <input type="hidden" name="roleId" value="8934c067-def4-11e6-adaa-3010b31e5267"/>

                <div class="control">
                    <label></label>
                    <button type="submit" class="button-blue">注册</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>
</body>
</html>